<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Autocomplete | Pit Element Plus</title>
    <meta name="description" content="a Vue 3 based component library for designers and developers">
    <link rel="stylesheet" href="/assets/style.4d30fb03.css">
    <link rel="modulepreload" href="/assets/chunks/remote-search.20b5d9d3.js">
    <link rel="modulepreload" href="/assets/chunks/contributors.b18bf5bd.js">
    <link rel="modulepreload" href="/assets/app.3da6fde4.js">
    <link rel="modulepreload" href="/assets/en-US_component_autocomplete.md.9d845a23.lean.js">
    
    <link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="theme-color" content="#ffffff">
  <meta name="msapplication-TileColor" content="#409eff">
  <meta name="msapplication-config" content="/browserconfig.xml">
  <script>window.supportedLangs=["en-US","zh-CN"];</script>
  <script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
  <script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
  <script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
  <script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
  <script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
  <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
  <script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
  <script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","//fonts.loli.net/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
  <script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  <meta name="twitter:title" content="Autocomplete | Pit Element Plus">
  <meta property="og:title" content="Autocomplete | Pit Element Plus">
  </head>
  <body>
    <div id="app"><div class="App"><!--[--><span tabindex="-1" data-v-d2e1b550></span><a href="#page-content" class="skip-link visually-hidden" data-v-d2e1b550>Skip to content</a><!--]--><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-0baf1018><div class="header-container" data-v-0baf1018><div class="logo-container" data-v-0baf1018><a href="/en-US/" data-v-0baf1018><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-0baf1018></a></div><div class="content" data-v-0baf1018><div id="docsearch" class="algolia-search-box search" data-v-0baf1018></div><nav class="navbar-menu menu" data-v-0baf1018><!--[--><a class="link-item link is-menu-link" href="/en-US/guide/design" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Guide<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/en-US/component/button" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Component<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/en-US/resource/index" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Resource<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-0baf1018 data-v-36b198f3><button class="switch" role="switch" aria-label="toggle dark mode" aria-checked="false" data-v-36b198f3 data-v-3de418c2><div class="switch__action"><div class="switch__icon"><!--[--><i class="el-icon" style="font-size:13px;" data-v-3de418c2><!--[--><svg viewbox="0 0 24 24" class="dark-icon" data-v-3de418c2><path d="M11.01 3.05C6.51 3.54 3 7.36 3 12a9 9 0 0 0 9 9c4.63 0 8.45-3.5 8.95-8c.09-.79-.78-1.42-1.54-.95A5.403 5.403 0 0 1 11.1 7.5c0-1.06.31-2.06.84-2.89c.45-.67-.04-1.63-.93-1.56z" fill="currentColor"></path></svg><svg viewbox="0 0 24 24" class="light-icon" data-v-3de418c2><path d="M6.05 4.14l-.39-.39a.993.993 0 0 0-1.4 0l-.01.01a.984.984 0 0 0 0 1.4l.39.39c.39.39 1.01.39 1.4 0l.01-.01a.984.984 0 0 0 0-1.4zM3.01 10.5H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.56.01 1-.43 1-.98v-.01c0-.56-.44-1-.99-1zm9-9.95H12c-.56 0-1 .44-1 .99v.96c0 .55.44.99.99.99H12c.56.01 1-.43 1-.98v-.97c0-.55-.44-.99-.99-.99zm7.74 3.21c-.39-.39-1.02-.39-1.41-.01l-.39.39a.984.984 0 0 0 0 1.4l.01.01c.39.39 1.02.39 1.4 0l.39-.39a.984.984 0 0 0 0-1.4zm-1.81 15.1l.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.993.993 0 0 0-1.4 0c-.4.4-.4 1.02-.01 1.41zM20 11.49v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99zM12 5.5c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm-.01 16.95H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99zm-7.74-3.21c.39.39 1.02.39 1.41 0l.39-.39a.993.993 0 0 0 0-1.4l-.01-.01a.996.996 0 0 0-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41z" fill="currentColor"></path></svg><!--]--></i><!--]--></div></div></button></div><div class="translation-container translation" data-v-0baf1018 data-v-12008bb2><!----></div><div class="social-links" data-v-0baf1018 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-6c8d2bba><i class="el-icon" style="font-size:24px;" data-v-6c8d2bba><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-6c8d2bba><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><button class="reset-btn menu-hamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="full-screen" data-v-0baf1018><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></button></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><button class="reset-btn sidebar-button flex items-center" aria-expanded="false"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></button><button ariadisabled="false" type="button" class="el-button is-link go-back-top height-5" style=""><!--v-if--><span class=""><!--[--> Back to top <!--]--></span></button></div><div class="el-scrollbar sidebar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style=""><div class="el-scrollbar__view" style=""><!--[--><aside><!--[--><div data-v-c2153dfe></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/en-US/component/button" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Button</p><!----></a><a class="link" href="/en-US/component/border" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Border</p><!----></a><a class="link" href="/en-US/component/color" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color</p><!----></a><a class="link" href="/en-US/component/container" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout Container</p><!----></a><a class="link" href="/en-US/component/icon" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Icon</p><!----></a><a class="link" href="/en-US/component/layout" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout</p><!----></a><a class="link" href="/en-US/component/link" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Link</p><!----></a><a class="link flex items-center" href="/en-US/component/text" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Text</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.3.0<!--]--></span><!--v-if--></span></a><a class="link" href="/en-US/component/scrollbar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Scrollbar</p><!----></a><a class="link" href="/en-US/component/space" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Space</p><!----></a><a class="link" href="/en-US/component/typography" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/en-US/component/config-provider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link active" href="/en-US/component/autocomplete" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Autocomplete</p><!----></a><a class="link" href="/en-US/component/cascader" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Cascader</p><!----></a><a class="link" href="/en-US/component/checkbox" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Checkbox</p><!----></a><a class="link" href="/en-US/component/color-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color Picker</p><!----></a><a class="link" href="/en-US/component/date-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Date Picker</p><!----></a><a class="link" href="/en-US/component/datetime-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DateTime Picker</p><!----></a><a class="link" href="/en-US/component/form" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Form</p><!----></a><a class="link" href="/en-US/component/input" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input</p><!----></a><a class="link" href="/en-US/component/input-number" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input Number</p><!----></a><a class="link" href="/en-US/component/radio" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Radio</p><!----></a><a class="link" href="/en-US/component/rate" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Rate</p><!----></a><a class="link" href="/en-US/component/select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Select</p><!----></a><a class="link" href="/en-US/component/select-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Select</p><!----></a><a class="link" href="/en-US/component/slider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Slider</p><!----></a><a class="link" href="/en-US/component/switch" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Switch</p><!----></a><a class="link" href="/en-US/component/time-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Picker</p><!----></a><a class="link" href="/en-US/component/time-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Select</p><!----></a><a class="link" href="/en-US/component/transfer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Transfer</p><!----></a><a class="link" href="/en-US/component/upload" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/en-US/component/avatar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Avatar</p><!----></a><a class="link" href="/en-US/component/badge" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Badge</p><!----></a><a class="link" href="/en-US/component/calendar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Calendar</p><!----></a><a class="link" href="/en-US/component/card" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Card</p><!----></a><a class="link" href="/en-US/component/carousel" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Carousel</p><!----></a><a class="link" href="/en-US/component/collapse" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Collapse</p><!----></a><a class="link" href="/en-US/component/descriptions" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Descriptions</p><!----></a><a class="link" href="/en-US/component/empty" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Empty</p><!----></a><a class="link" href="/en-US/component/image" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Image</p><!----></a><a class="link" href="/en-US/component/infinite-scroll" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Infinite Scroll</p><!----></a><a class="link" href="/en-US/component/pagination" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Pagination</p><!----></a><a class="link" href="/en-US/component/progress" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Progress</p><!----></a><a class="link" href="/en-US/component/result" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Result</p><!----></a><a class="link" href="/en-US/component/skeleton" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Skeleton</p><!----></a><a class="link" href="/en-US/component/table" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Table</p><!----></a><a class="link flex items-center" href="/en-US/component/table-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Table</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/en-US/component/tag" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tag</p><!----></a><a class="link" href="/en-US/component/timeline" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Timeline</p><!----></a><a class="link" href="/en-US/component/tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tree</p><!----></a><a class="link flex items-center" href="/en-US/component/tree-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>TreeSelect</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/en-US/component/tree-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Tree</p><!----></a><a class="link flex items-center" href="/en-US/component/statistic" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Statistic</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.30<!--]--></span><!--v-if--></span></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/en-US/component/affix" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Affix</p><!----></a><a class="link" href="/en-US/component/backtop" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Backtop</p><!----></a><a class="link" href="/en-US/component/breadcrumb" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Breadcrumb</p><!----></a><a class="link" href="/en-US/component/dropdown" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dropdown</p><!----></a><a class="link" href="/en-US/component/menu" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Menu</p><!----></a><a class="link" href="/en-US/component/page-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Page Header</p><!----></a><a class="link" href="/en-US/component/steps" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Steps</p><!----></a><a class="link" href="/en-US/component/tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/en-US/component/alert" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Alert</p><!----></a><a class="link" href="/en-US/component/dialog" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dialog</p><!----></a><a class="link" href="/en-US/component/drawer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Drawer</p><!----></a><a class="link" href="/en-US/component/loading" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Loading</p><!----></a><a class="link" href="/en-US/component/message" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message</p><!----></a><a class="link" href="/en-US/component/message-box" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message Box</p><!----></a><a class="link" href="/en-US/component/notification" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Notification</p><!----></a><a class="link" href="/en-US/component/popconfirm" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popconfirm</p><!----></a><a class="link" href="/en-US/component/popover" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popover</p><!----></a><a class="link" href="/en-US/component/tooltip" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/en-US/component/divider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Divider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">业务基础组件</p><!--[--><a class="link" href="/en-US/component/form-base" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>FormBase</p><!----></a><a class="link" href="/en-US/component/layout-column" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>LayoutColumn</p><!----></a><a class="link" href="/en-US/component/layout-tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>LayoutTree</p><!----></a><a class="link" href="/en-US/component/dialog-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DialogHeader</p><!----></a><a class="link" href="/en-US/component/base-tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>BaseTabs</p><!----></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:0;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:0;transform:translateY(0%);"></div></div><!--]--></div><main id="page-content" class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="autocomplete" tabindex="-1">Autocomplete <a class="header-anchor vp-link" href="#autocomplete" aria-hidden="true">#</a></h1><p>Get some recommended tips based on the current input.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>This component requires the <code>&lt;client-only&gt;&lt;/client-only&gt;</code> wrap when used in SSR (eg: <a href="https://nuxt.com/v3" class="vp-link" target="_blank" rel="noopener noreferrer">Nuxt<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>) and SSG (eg: <a href="https://vitepress.vuejs.org/" class="vp-link" target="_blank" rel="noopener noreferrer">VitePress<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>).</p></div><h2 id="basic-usage" tabindex="-1">Basic Usage <a class="header-anchor vp-link" href="#basic-usage" aria-hidden="true">#</a></h2><p>Autocomplete component provides input suggestions.</p><!----><h2 id="custom-template" tabindex="-1">Custom template <a class="header-anchor vp-link" href="#custom-template" aria-hidden="true">#</a></h2><p>Customize how suggestions are displayed.</p><!----><h2 id="remote-search" tabindex="-1">Remote search <a class="header-anchor vp-link" href="#remote-search" aria-hidden="true">#</a></h2><p>Search data from server-side.</p><!----><h2 id="api" tabindex="-1">API <a class="header-anchor vp-link" href="#api" aria-hidden="true">#</a></h2><h3 id="attributes" tabindex="-1">Attributes <a class="header-anchor vp-link" href="#attributes" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Name</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>model-value / v-model</td><td>binding value</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>placeholder</td><td>the placeholder of Autocomplete</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>clearable</td><td>whether to show clear button</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>disabled</td><td>whether Autocomplete is disabled</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>value-key</td><td>key name of the input suggestion object for display</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>value</td></tr><tr><td>debounce</td><td>debounce delay when typing, in milliseconds</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">number</code><!----></span></td><td>300</td></tr><tr><td>placement</td><td>placement of the popup menu</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>bottom-start</td></tr><tr><td>fetch-suggestions</td><td>a method to fetch input suggestions. When suggestions are ready, invoke <code>callback(data:[])</code> to return them to Autocomplete</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td><td>—</td></tr><tr><td>trigger-on-focus</td><td>whether show suggestions when input focus</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>select-when-unmatched</td><td>whether to emit a <code>select</code> event on enter when there is no autocomplete match</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>name</td><td>same as <code>name</code> in native input</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>label</td><td>label text</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>hide-loading</td><td>whether to hide the loading icon in remote search</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>popper-class</td><td>custom class name for autocomplete&#39;s dropdown</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>popper-append-to-body <span class="vp-tag deprecated">deprecated</span></td><td>whether to append the dropdown to body. If the positioning of the dropdown is wrong, you can try to set this prop to false</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>teleported</td><td>whether select dropdown is teleported to the body</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>highlight-first-item</td><td>whether to highlight first item in remote search suggestions by default</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>fit-input-width</td><td>whether the width of the dropdown is the same as the input</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr></tbody></table></div><h3 id="events" tabindex="-1">Events <a class="header-anchor vp-link" href="#events" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Name</th><th>Description</th><th>Type</th></tr></thead><tbody><tr><td>select</td><td>triggers when a suggestion is clicked</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>change</td><td>triggers when the icon inside Input value change</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr></tbody></table></div><h3 id="slots" tabindex="-1">Slots <a class="header-anchor vp-link" href="#slots" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr item=""><td>default</td><td>custom content for input suggestions. The scope parameter is</td></tr><tr><td>prefix</td><td>content as Input prefix</td></tr><tr><td>suffix</td><td>content as Input suffix</td></tr><tr><td>prepend</td><td>content to prepend before Input</td></tr><tr><td>append</td><td>content to append after Input</td></tr></tbody></table></div><h3 id="exposes" tabindex="-1">Exposes <a class="header-anchor vp-link" href="#exposes" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Name</th><th>Description</th><th>Type</th></tr></thead><tbody><tr><td>activated</td><td>if autocomplete activated</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>blur</td><td>blur the input element</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>close</td><td>collapse suggestion list</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>focus</td><td>focus the input element</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>handleSelect</td><td>triggers when a suggestion is clicked</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>handleKeyEnter</td><td>handle keyboard enter event</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>highlightedIndex</td><td>the index of the currently highlighted item</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>highlight</td><td>highlight an item in a suggestion</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>inputRef</td><td>el-input component instance</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>loading</td><td>remote search loading indicator</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>popperRef</td><td>el-tooltip component instance</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr><tr><td>suggestions</td><td>fetch suggestions result</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">object</code><!----></span></td></tr></tbody></table></div><h2 id="source" tabindex="-1">Source <a class="header-anchor vp-link" href="#source" aria-hidden="true">#</a></h2><p><a href="https://github.com/pit-element-plus/pit-element-plus/tree/dev/packages/components/autocomplete" class="vp-link" target="_blank" rel="noopener noreferrer">Component<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> • <a href="https://github.com/pit-element-plus/pit-element-plus/blob/dev/docs/en-US/component/autocomplete.md" class="vp-link" target="_blank" rel="noopener noreferrer">Docs<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p><h2 id="contributors" tabindex="-1">Contributors <a class="header-anchor vp-link" href="#contributors" aria-hidden="true">#</a></h2><div class="mb-4" data-v-5633a846><div class="flex flex-wrap gap-4 pt-2" data-v-5633a846><!--[--><!--]--></div></div></div></div><div class="next-and-prev-link" data-v-1b2309d5><div class="container" data-v-1b2309d5><div class="prev" data-v-1b2309d5><a class="link" href="/en-US/component/config-provider" data-v-1b2309d5><i class="el-icon mr-1" style="" data-v-1b2309d5><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-1b2309d5><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-1b2309d5>Config Provider</span></a></div><div class="next" data-v-1b2309d5><a class="link" href="/en-US/component/cascader" data-v-1b2309d5><span class="text" data-v-1b2309d5>Cascader</span><i class="el-icon ml-1" style="" data-v-1b2309d5><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-1b2309d5><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-27aff952><nav class="toc-content" data-v-27aff952><h3 class="toc-content__heading" data-v-27aff952>Contents</h3><ul class="toc-items" data-v-27aff952><!--[--><li class="toc-item" data-v-27aff952><a class="toc-link" href="#basic-usage" title="Basic Usage" data-v-27aff952><p>Basic Usage</p>
</a><!----></li><li class="toc-item" data-v-27aff952><a class="toc-link" href="#custom-template" title="Custom template" data-v-27aff952><p>Custom template</p>
</a><!----></li><li class="toc-item" data-v-27aff952><a class="toc-link" href="#remote-search" title="Remote search" data-v-27aff952><p>Remote search</p>
</a><!----></li><li class="toc-item" data-v-27aff952><a class="toc-link" href="#api" title="API" data-v-27aff952><p>API</p>
</a><ul data-v-27aff952><!--[--><li class="toc-item" data-v-27aff952><a class="toc-link subitem" href="#attributes" title="API" data-v-27aff952><p>Attributes</p>
</a></li><li class="toc-item" data-v-27aff952><a class="toc-link subitem" href="#events" title="API" data-v-27aff952><p>Events</p>
</a></li><li class="toc-item" data-v-27aff952><a class="toc-link subitem" href="#slots" title="API" data-v-27aff952><p>Slots</p>
</a></li><li class="toc-item" data-v-27aff952><a class="toc-link subitem" href="#exposes" title="API" data-v-27aff952><p>Exposes</p>
</a></li><!--]--></ul></li><li class="toc-item" data-v-27aff952><a class="toc-link" href="#source" title="Source" data-v-27aff952><p>Source</p>
</a><!----></li><li class="toc-item" data-v-27aff952><a class="toc-link" href="#contributors" title="Contributors" data-v-27aff952><p>Contributors</p>
</a><!----></li><!--]--></ul><div class="toc-marker" data-v-27aff952></div><p class="text-14px font-300 color-$text-color-secondary" data-v-27aff952></p></nav></aside></div></main><!----></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"25c630e6\",\"en-us_component_alert.md\":\"6e0ac42a\",\"en-us_component_autocomplete.md\":\"9d845a23\",\"en-us_component_avatar.md\":\"0fb1647e\",\"en-us_component_backtop.md\":\"050e80e1\",\"en-us_component_badge.md\":\"9b0881f6\",\"en-us_component_base-tabs.md\":\"a352de05\",\"en-us_component_border.md\":\"31b0b327\",\"en-us_component_breadcrumb.md\":\"f70e8b0a\",\"en-us_component_button.md\":\"b4414250\",\"en-us_component_calendar.md\":\"8e71a2b5\",\"en-us_component_card.md\":\"41129659\",\"en-us_component_carousel.md\":\"6921ae93\",\"en-us_component_cascader.md\":\"1d2157a7\",\"en-us_component_checkbox.md\":\"e9d2290e\",\"en-us_component_collapse.md\":\"7b3ad8ff\",\"en-us_component_color-picker.md\":\"d3ddbd08\",\"en-us_component_color.md\":\"fa27ddf2\",\"en-us_component_config-provider.md\":\"86e59669\",\"en-us_component_container.md\":\"ad326a02\",\"en-us_component_date-picker.md\":\"edb02cb5\",\"en-us_component_datetime-picker.md\":\"d5896f64\",\"en-us_component_descriptions.md\":\"07c856b4\",\"en-us_component_dialog-header.md\":\"f0bacb1e\",\"en-us_component_dialog.md\":\"ea432b46\",\"en-us_component_divider.md\":\"f731686c\",\"en-us_component_drawer.md\":\"105a51be\",\"en-us_component_dropdown.md\":\"c67f7964\",\"en-us_component_empty.md\":\"2caca3d7\",\"en-us_component_form-base.md\":\"e99e9e37\",\"en-us_component_form.md\":\"71323ede\",\"en-us_component_icon.md\":\"22c8d79b\",\"en-us_component_image.md\":\"bccc09e2\",\"en-us_component_infinite-scroll.md\":\"fdcfd8fd\",\"en-us_component_input-number.md\":\"1af7e2e0\",\"en-us_component_input.md\":\"3206d039\",\"en-us_component_layout-column.md\":\"6852251f\",\"en-us_component_layout-tree.md\":\"05187a36\",\"en-us_component_layout.md\":\"3158c8c5\",\"en-us_component_link.md\":\"74d1308b\",\"en-us_component_loading.md\":\"c4a2ae36\",\"en-us_component_menu.md\":\"d62f11ee\",\"en-us_component_message-box.md\":\"1371e725\",\"en-us_component_message.md\":\"281523b3\",\"en-us_component_notification.md\":\"daf4be46\",\"en-us_component_page-header.md\":\"a325d705\",\"en-us_component_pagination.md\":\"9150d827\",\"en-us_component_popconfirm.md\":\"87cf0964\",\"en-us_component_popover.md\":\"dc939814\",\"en-us_component_progress.md\":\"713ecfab\",\"en-us_component_radio.md\":\"0da158d9\",\"en-us_component_rate.md\":\"f073ae12\",\"en-us_component_result.md\":\"9616bb7b\",\"en-us_component_scrollbar.md\":\"ad79d99f\",\"en-us_component_select-v2.md\":\"4002a934\",\"en-us_component_select.md\":\"c5b27020\",\"en-us_component_skeleton.md\":\"221ce2ea\",\"en-us_component_slider.md\":\"b2c2837e\",\"en-us_component_space.md\":\"1c1114a5\",\"en-us_component_statistic.md\":\"88566be4\",\"en-us_component_steps.md\":\"5867fd29\",\"en-us_component_switch.md\":\"34b0a812\",\"en-us_component_table-v2.md\":\"ce9da740\",\"en-us_component_table.md\":\"8c24c2ff\",\"en-us_component_tabs.md\":\"4125e0ee\",\"en-us_component_tag.md\":\"3559217b\",\"en-us_component_text.md\":\"0edf9038\",\"en-us_component_time-picker.md\":\"1b11a256\",\"en-us_component_time-select.md\":\"561e48cd\",\"en-us_component_timeline.md\":\"408cd118\",\"en-us_component_tooltip-v2.md\":\"b35570bb\",\"en-us_component_tooltip.md\":\"4fd4ebae\",\"en-us_component_transfer.md\":\"0e3e4705\",\"en-us_component_tree-select.md\":\"bc8ab939\",\"en-us_component_tree-v2.md\":\"aebacca6\",\"en-us_component_tree.md\":\"29f7aebf\",\"en-us_component_typography.md\":\"092a5f30\",\"en-us_component_upload.md\":\"35d61772\",\"en-us_guide_changelog.md\":\"17993411\",\"en-us_guide_commit-examples.md\":\"bb0ae5e0\",\"en-us_guide_dark-mode.md\":\"98456bea\",\"en-us_guide_design.md\":\"e94f42ad\",\"en-us_guide_dev-faq.md\":\"4370125f\",\"en-us_guide_dev-guide.md\":\"3531f6e4\",\"en-us_guide_i18n.md\":\"0b719fd1\",\"en-us_guide_installation.md\":\"43c4f424\",\"en-us_guide_migration.md\":\"8829e144\",\"en-us_guide_namespace.md\":\"8fb3e618\",\"en-us_guide_nav.md\":\"24b83ba9\",\"en-us_guide_quickstart.md\":\"24b7ddeb\",\"en-us_guide_ssr.md\":\"29b8096e\",\"en-us_guide_theming.md\":\"f3d393e4\",\"en-us_guide_transitions.md\":\"8750ec5d\",\"en-us_guide_translation.md\":\"497a7dba\",\"en-us_index.md\":\"0d7b9edc\",\"en-us_resource_index.md\":\"8ec8ea3f\",\"index.md\":\"b3c16db2\",\"zh-cn_component_affix.md\":\"bc0bf987\",\"zh-cn_component_alert.md\":\"c0d0bfca\",\"zh-cn_component_autocomplete.md\":\"2df684cc\",\"zh-cn_component_avatar.md\":\"f95c0c0d\",\"zh-cn_component_backtop.md\":\"56889fe9\",\"zh-cn_component_badge.md\":\"5623ff22\",\"zh-cn_component_border.md\":\"a81dd871\",\"zh-cn_component_breadcrumb.md\":\"8525f779\",\"zh-cn_component_button.md\":\"763c3a81\",\"zh-cn_component_calendar.md\":\"3dd457a2\",\"zh-cn_component_card.md\":\"ea066423\",\"zh-cn_component_carousel.md\":\"6e49231b\",\"zh-cn_component_cascader.md\":\"6eb61aff\",\"zh-cn_component_checkbox.md\":\"fd161b6b\",\"zh-cn_component_collapse.md\":\"0a34b660\",\"zh-cn_component_color-picker.md\":\"ecdc045f\",\"zh-cn_component_color.md\":\"94f9fc80\",\"zh-cn_component_config-provider.md\":\"a8590dfc\",\"zh-cn_component_container.md\":\"4a933eb7\",\"zh-cn_component_date-picker.md\":\"b025ba2e\",\"zh-cn_component_datetime-picker.md\":\"12ae67c1\",\"zh-cn_component_descriptions.md\":\"073e0a14\",\"zh-cn_component_dialog.md\":\"8c52d6e9\",\"zh-cn_component_divider.md\":\"1a972d85\",\"zh-cn_component_drawer.md\":\"60daad23\",\"zh-cn_component_dropdown.md\":\"0773a444\",\"zh-cn_component_empty.md\":\"252d513e\",\"zh-cn_component_form.md\":\"969483a2\",\"zh-cn_component_icon.md\":\"7b8c92f7\",\"zh-cn_component_image.md\":\"ba23190c\",\"zh-cn_component_infinite-scroll.md\":\"4d3b725e\",\"zh-cn_component_input-number.md\":\"fc3d6d58\",\"zh-cn_component_input.md\":\"a1f00891\",\"zh-cn_component_layout.md\":\"cea940dd\",\"zh-cn_component_link.md\":\"619a1631\",\"zh-cn_component_loading.md\":\"6441526e\",\"zh-cn_component_menu.md\":\"5a69e196\",\"zh-cn_component_message-box.md\":\"8f1e517a\",\"zh-cn_component_message.md\":\"dade3ef1\",\"zh-cn_component_notification.md\":\"dbab821e\",\"zh-cn_component_page-header.md\":\"f938b83d\",\"zh-cn_component_pagination.md\":\"029ff1ab\",\"zh-cn_component_popconfirm.md\":\"e9a25cbb\",\"zh-cn_component_popover.md\":\"e89acfe0\",\"zh-cn_component_progress.md\":\"7ae96894\",\"zh-cn_component_radio.md\":\"8548fe00\",\"zh-cn_component_rate.md\":\"7a6b8cf2\",\"zh-cn_component_result.md\":\"84880e4a\",\"zh-cn_component_scrollbar.md\":\"59ab0669\",\"zh-cn_component_select-v2.md\":\"412d91c6\",\"zh-cn_component_select.md\":\"de67d857\",\"zh-cn_component_skeleton.md\":\"d822f480\",\"zh-cn_component_slider.md\":\"f63fcb4e\",\"zh-cn_component_space.md\":\"d544e762\",\"zh-cn_component_statistic.md\":\"04e2cd0e\",\"zh-cn_component_steps.md\":\"f8a17c28\",\"zh-cn_component_switch.md\":\"6597e96e\",\"zh-cn_component_table-v2.md\":\"323353ff\",\"zh-cn_component_table.md\":\"ac804d71\",\"zh-cn_component_tabs.md\":\"4407a892\",\"zh-cn_component_tag.md\":\"be9ab8b3\",\"zh-cn_component_text.md\":\"d8ddd8df\",\"zh-cn_component_time-picker.md\":\"2749367c\",\"zh-cn_component_time-select.md\":\"a1744f8b\",\"zh-cn_component_timeline.md\":\"c2a8969d\",\"zh-cn_component_tooltip-v2.md\":\"fdfe5c72\",\"zh-cn_component_tooltip.md\":\"2a52dd3c\",\"zh-cn_component_transfer.md\":\"8416ab3d\",\"zh-cn_component_tree-select.md\":\"4ee4f9d8\",\"zh-cn_component_tree-v2.md\":\"00b1390a\",\"zh-cn_component_tree.md\":\"e08b4767\",\"zh-cn_component_typography.md\":\"79446059\",\"zh-cn_component_upload.md\":\"512db093\",\"zh-cn_guide_changelog.md\":\"85bbe8e7\",\"zh-cn_guide_commit-examples.md\":\"7a78e031\",\"zh-cn_guide_dark-mode.md\":\"4c125f67\",\"zh-cn_guide_design.md\":\"8e056c80\",\"zh-cn_guide_dev-faq.md\":\"0aa3e6d8\",\"zh-cn_guide_dev-guide.md\":\"91f9e67e\",\"zh-cn_guide_i18n.md\":\"e204dd31\",\"zh-cn_guide_installation.md\":\"4e5e4862\",\"zh-cn_guide_migration.md\":\"6f9755ef\",\"zh-cn_guide_namespace.md\":\"c8a578a4\",\"zh-cn_guide_nav.md\":\"c01afcfa\",\"zh-cn_guide_quickstart.md\":\"3749b315\",\"zh-cn_guide_ssr.md\":\"ebb80941\",\"zh-cn_guide_theming.md\":\"97602c5e\",\"zh-cn_guide_transitions.md\":\"8e4f993e\",\"zh-cn_guide_translation.md\":\"4a3b4c3a\",\"zh-cn_index.md\":\"22a222bc\",\"zh-cn_resource_index.md\":\"858b12eb\"}")</script>
    <script type="module" async src="/assets/app.3da6fde4.js"></script>
    
  </body>
</html>